
import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'
import 'element-plus/dist/index.css'
import 'animate.css'
import 'normalize.css'
import '@/router/permission'
import '@/mock/mock.js'
import 'default-passive-events'
import { permission } from '@/directives/directives'

import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'


import ElementPlus from 'element-plus'
import locale from 'element-plus/dist/locale/zh-cn.mjs' //如果是vite构建，引入部分会爆红，可以在vite-env.d.ts中declare一下 

import 'virtual:svg-icons-register'
import Viewer from 'v-viewer';
import 'viewerjs/dist/viewer.css';




const app = createApp(App)
app.use(ElementPlus, { locale })

app.directive('permission', permission)

// 自定义注册全局组件
import globalComponent from '@/components'
app.use(globalComponent)

app.use(Viewer, {
    defaultOptions: {
      inline: false, //默认值：false。启用内联模式。
      button: true, //在查看器的右上角显示按钮。
      navbar: true, //指定导航栏的可见性。
      title: true, //指定标题的可见性和内容。
      toolbar: true, //指定工具栏及其按钮的可见性和布局。
      tooltip: true, //放大或缩小时显示带有图像比率（百分比）的工具提示。
      movable: true, //启用以移动图像。
      zoomable: true, //启用以缩放图像
      rotatable: true, //启用以旋转图像
      scalable: true, //启用以缩放图像。
      transition: true, //为某些特殊元素启用CSS3转换。
      fullscreen: true, //启用以在播放时请求全屏。
      keyboard: true, //启用键盘支持。
      // url: 'src',  //默认值：'src'。定义获取原始图像URL以供查看的位置。
    },
  });
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
app.use(pinia)
app.use(router)

app.mount('#app')
